<template>
  <div>
    <svg
      version="1.1"
      id="exterior-parts"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="-130 0 535 450"
    >
      <g>
        <path
          fill="#79797A"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M278.7,70.5l5.5,28.6l-0.7,239.4l-9,13.5
c-18.4-0.4-33.1-15.5-33.2-33.1c-0.1-18.5,15.9-34.4,35.4-33.5c0.1-43.9,0.3-87.8,0.6-131.7c-19.8,0.9-36.2-14.2-37.4-32.2
c-1.3-19.5,15.8-37.4,37.1-36.5C277.6,80.1,278.3,75.3,278.7,70.5z"
        ></path>
        <path
          fill="#F8F8F8"
          stroke="#000000"
          stroke-miterlimit="10"
          d="M256.7,390l-1.8-1.3l-8.7,0.1c-0.9,0-1.8-0.2-2.7-0.8l-7.7-5.1
l-2.4-22.6l-4.8-6.1l-5,29.1c-1.3,0.7-2.6,1.3-3.9,2c-1-5.7-2.1-11.2-3.2-16.9c0.1-1.1,0.4-3.4,0.4-3.4c-2.3-8.8-4.7-17.7-7.3-26.9
c-2.9-10.2-5.8-20.2-9-29.7l-3.1,0.8c-3.9-18.3-7.1-41.9-6.1-69.1c0.6-16.6,2.4-31.4,5-44.2c0.8,0.6,1.7,1.3,2.4,1.8
c2.7-8.4,6.1-17.6,11.1-27.7c3.2-6.5,6.6-12.4,9.8-17.6c1.7-2.4,2.6-5.4,3-8.4c0.2-1.7,0.6-3.6,0.4-5.4l-0.9-2l-1.1-2.4
c0.3-12.2,1.4-28.5,7.9-47.1C233,76,237.7,66.5,242.2,59c1.8-0.6,4.3-0.9,6.7-1.1c3-0.2,21.3,1.4,23.3,1.7c0.6,0.1,1.1,0.2,1.7,0.3
c2.1,0.3,4.3,2,4.7,4.3c0.3,2,0,4,0.3,6.1c0.8,7,1.8,20.2,1.8,20.2c-14.4-2.3-28.1,4.3-34.1,15.8c-0.4,0.8-6.3,12.5-0.6,24.8
c5.5,12.1,20,19.3,35.5,17.1c0.1,92.7,0.1,143.8,0.1,143.8l0,0l0,0c0,0-24.4-3.3-33.7,14.3c-6.6,12.5-1.7,28.4,6.8,35.2
c8.4,6.7,24.3,7.7,24.5,7.8c0,2.1-0.6,14.3-1.7,23.3c-0.2,1.7-0.7,4.3-2.1,7.3c-1.4,3-3.3,5-4.3,6c-2,2-3.9,3.2-5.5,4
c-0.7,0.3-1.4,0.6-2.3,0.6H259C258.2,390.7,257.5,390.4,256.7,390z"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M225.2,153.6L219.7,312c-0.1,3-1.3,5.8-3.3,8
l-2.4,2.8c-1,1.3-3.1,0.8-3.6-0.7c-3-8.8-6.6-21.1-9.2-35.9c-3.5-20-8.8-49,0.4-82.9C204.6,191.7,211,173.5,225.2,153.6z"
        ></path>
        <g>
          <path
            fill="#CACACA"
            stroke="#282828"
            stroke-width="1.6954"
            stroke-linejoin="round"
            d="M222.7,144.3c-0.4,3-1.3,5.8-3,8.4
c-3.3,5.3-6.6,11.1-9.8,17.6c-5,10-8.4,19.3-11.1,27.7c-0.8-0.6-1.7-1.3-2.4-1.8c3-8.8,6.5-18.2,10.7-28
c4.8-11.4,10-21.8,15.1-31.1l0.9,2C223.1,140.7,222.9,142.5,222.7,144.3z"
          ></path>
          <path
            fill="#CACACA"
            stroke="#282828"
            stroke-width="1.6954"
            stroke-linejoin="round"
            d="M198.6,236.2c0.4-11.1,2-21.7,5-32.2
c4-15.1,10.5-29.6,19.3-43l-2.4,68.4C214.5,231.2,204.3,234.5,198.6,236.2z"
          ></path>
          <path
            fill="#CACACA"
            stroke="#282828"
            stroke-width="1.6954"
            stroke-linejoin="round"
            d="M203.1,286.4c0-0.1,0-0.3-0.1-0.6
c-2-10.8-4.3-24-4.7-39.3l21.3-1.7l-1.7,51.2L203.1,286.4z"
          ></path>
          <path
            fill="#CACACA"
            stroke="#282828"
            stroke-width="1.6954"
            stroke-linejoin="round"
            d="M204.5,293l13.2,10.1l-0.3,8.8
c-0.1,2.4-1,4.8-2.7,6.7l-2.4,2.8C209.1,312.2,206.5,302.7,204.5,293z"
          ></path>
          <path
            fill="#CACACA"
            stroke="#282828"
            stroke-width="1.6954"
            stroke-linejoin="round"
            d="M209.7,338.1c2.6,9.1,5,18,7.3,26.9
c0,0-0.2,2.3-0.4,3.4c-3.7-9.8-7.4-20.2-10.9-31.1c-3.1-9.7-5.8-18.9-8.1-27.9l3.1-0.8C203.8,318,206.8,328,209.7,338.1z"
          ></path>
        </g>
        <ellipse
          transform="matrix(-0.9998 -1.826343e-002 1.826343e-002 -0.9998 457.3834 441.748)"
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          cx="230.7"
          cy="218.8"
          rx="1.3"
          ry="7.5"
        ></ellipse>
        <ellipse
          transform="matrix(-0.9998 -1.826343e-002 1.826343e-002 -0.9998 453.1622 597.2046)"
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          cx="229.3"
          cy="296.5"
          rx="1.3"
          ry="7.5"
        ></ellipse>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M196.4,241.4l25.9-5.1
c3.4-0.9,7.1-1.8,10.9-2.6c15.8-3.1,30-2.9,41.6-1.7"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M225.2,159c3.9-1.3,8.4-2.6,13.2-3.4
c15.1-2.6,28-0.6,36.5,1.7c0,41.5-0.1,82.8-0.2,124.2c-12.2,8.5-22.2,15.5-30.8,22c-3.8,2.8-9.5,7.1-16.1,5.8
c-3.7-0.7-6.3-3-7.9-4.7c-6-4.5-11.9-9.1-17.9-13.7"
        ></path>
        <path
          fill="#CACACA"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M233.5,360.1l2.4,22.6
c-1.8,0.4-4.1,0.7-6.7,0.7c-2,0-3.9-0.1-5.4-0.4l5-29.1L233.5,360.1z"
        ></path>
        <g>
          <g>
            <ellipse
              transform="matrix(-1 -1.691015e-003 1.691015e-003 -1 543.3949 640.5637)"
              fill="#CACACA"
              stroke="#282828"
              stroke-width="3"
              stroke-linejoin="round"
              cx="272"
              cy="320.1"
              rx="23.5"
              ry="24"
            ></ellipse>
            <ellipse
              transform="matrix(-1 -1.691968e-003 1.691968e-003 -1 543.3945 640.5637)"
              fill="#FFFFFF"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              cx="272"
              cy="320.1"
              rx="17.8"
              ry="18.3"
            ></ellipse>
            <ellipse
              fill="none"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linecap="round"
              stroke-linejoin="round"
              cx="271.8"
              cy="320"
              rx="1.8"
              ry="1.8"
            ></ellipse>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M288,320c0,0.6,0,1.3-0.1,2
c0,0.2-0.1,0.6-0.1,0.8c0,0.2-0.2,0.6-0.6,0.8l-1.3,1c-0.6,0.4-1.1,0.4-1.7,0l-4.4-3.5c-0.7-0.6-0.7-1.6,0-2l4.4-3.5
c0.6-0.4,1.1-0.4,1.7,0l1.3,1c0.2,0.2,0.4,0.4,0.6,0.8c0,0.2,0.1,0.6,0.1,0.8C288,318.8,288,319.5,288,320z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M276.9,335.4c-0.6,0.2-1.3,0.4-2,0.6
c-0.2,0-0.6,0-0.8,0.1c-0.3,0-0.6,0-0.8-0.2l-1.3-0.9c-0.6-0.3-0.7-1-0.6-1.7l2-5.3c0.3-0.8,1.3-1.1,2-0.6l4.7,3.1
c0.6,0.3,0.7,1,0.6,1.7l-0.6,1.6c-0.1,0.3-0.3,0.6-0.6,0.7c-0.2,0.1-0.4,0.2-0.7,0.4C278,334.9,277.4,335.2,276.9,335.4z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M259,329.8c-0.4-0.4-0.8-1-1.1-1.7
c-0.1-0.2-0.2-0.6-0.3-0.7c-0.1-0.3-0.1-0.6,0-0.8l0.4-1.6c0.1-0.6,0.7-1,1.3-1l5.7,0.2c0.8,0,1.4,0.8,1.3,1.7l-1.4,5.4
c-0.1,0.6-0.7,1-1.3,1h-1.7c-0.3,0-0.6-0.1-0.8-0.3c-0.2-0.1-0.4-0.3-0.6-0.6C259.7,330.7,259.4,330.2,259,329.8z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M259.1,310.4c0.3-0.6,0.8-1,1.3-1.6
c0.2-0.2,0.4-0.3,0.6-0.6c0.2-0.2,0.6-0.3,0.8-0.3h1.7c0.6,0,1.1,0.4,1.3,1l1.4,5.4c0.2,0.8-0.4,1.7-1.3,1.7l-5.7,0.1
c-0.6,0-1.1-0.4-1.3-1l-0.4-1.6c-0.1-0.3,0-0.6,0.1-0.8c0.1-0.2,0.2-0.4,0.3-0.7C258.3,311.4,258.7,310.8,259.1,310.4z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M276.9,304.6c0.6,0.1,1.3,0.4,1.8,0.8
c0.2,0.1,0.6,0.2,0.7,0.4c0.2,0.1,0.6,0.4,0.6,0.7l0.6,1.6c0.2,0.6,0,1.3-0.6,1.7l-4.7,3.1c-0.7,0.6-1.7,0.1-2-0.6l-2-5.3
c-0.2-0.6,0-1.3,0.6-1.7l1.3-0.8c0.2-0.1,0.6-0.2,0.8-0.2c0.2,0,0.6,0,0.8,0.1C275.7,304.2,276.4,304.4,276.9,304.6z"
            ></path>
          </g>
          <g>
            <ellipse
              transform="matrix(-1 -1.691015e-003 1.691015e-003 -1 544.4048 240.1696)"
              fill="#CACACA"
              stroke="#282828"
              stroke-width="3"
              stroke-linejoin="round"
              cx="272.3"
              cy="119.9"
              rx="23.5"
              ry="24"
            ></ellipse>
            <ellipse
              transform="matrix(-1 -1.691968e-003 1.691968e-003 -1 544.4045 240.1697)"
              fill="#FFFFFF"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              cx="272.3"
              cy="119.9"
              rx="17.8"
              ry="18.3"
            ></ellipse>
            <ellipse
              fill="none"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linecap="round"
              stroke-linejoin="round"
              cx="272.2"
              cy="119.8"
              rx="1.8"
              ry="1.8"
            ></ellipse>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M288.4,119.8c0,0.6,0,1.3-0.1,2
c0,0.2-0.1,0.6-0.1,0.8c0,0.3-0.2,0.6-0.6,0.8l-1.3,1c-0.6,0.4-1.1,0.4-1.7,0l-4.4-3.5c-0.7-0.6-0.7-1.6,0-2l4.4-3.5
c0.6-0.4,1.1-0.4,1.7,0l1.3,1c0.2,0.2,0.4,0.4,0.6,0.8c0,0.2,0.1,0.6,0.1,0.8C288.4,118.5,288.4,119.3,288.4,119.8z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M277.2,135.1c-0.6,0.2-1.3,0.4-2,0.6
c-0.2,0-0.6,0-0.8,0.1c-0.3,0-0.6,0-0.8-0.2l-1.3-0.9c-0.6-0.3-0.7-1-0.6-1.7l2-5.3c0.3-0.8,1.3-1.1,2-0.6l4.7,3.1
c0.6,0.3,0.7,1,0.6,1.7l-0.6,1.6c-0.1,0.3-0.3,0.6-0.6,0.7c-0.2,0.1-0.4,0.2-0.7,0.4C278.5,134.7,277.7,135.1,277.2,135.1z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M259.4,129.5c-0.4-0.4-0.8-1-1.1-1.7
c-0.1-0.2-0.2-0.6-0.3-0.7c-0.1-0.3-0.1-0.6,0-0.8l0.4-1.6c0.1-0.6,0.7-1,1.3-1l5.7,0.2c0.8,0,1.4,0.8,1.3,1.7l-1.4,5.4
c-0.1,0.6-0.7,1-1.3,1h-1.7c-0.3,0-0.6-0.1-0.8-0.3c-0.2-0.1-0.4-0.3-0.6-0.6C260.1,130.6,259.7,130,259.4,129.5z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M259.4,110.1c0.3-0.6,0.8-1,1.3-1.6
c0.2-0.2,0.4-0.3,0.6-0.6c0.2-0.2,0.6-0.3,0.8-0.3h1.7c0.6,0,1.1,0.4,1.3,1l1.4,5.4c0.2,0.8-0.4,1.7-1.3,1.7l-5.7,0.1
c-0.6,0-1.1-0.4-1.3-1l-0.4-1.6c-0.1-0.3,0-0.6,0.1-0.8c0.1-0.2,0.2-0.4,0.3-0.7C258.6,111.1,259,110.5,259.4,110.1z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M277.2,104.4c0.6,0.1,1.3,0.4,1.8,0.8
c0.2,0.1,0.6,0.2,0.7,0.4c0.2,0.1,0.6,0.4,0.6,0.7l0.6,1.6c0.2,0.6,0,1.3-0.6,1.7l-4.7,3.1c-0.7,0.6-1.7,0.1-2-0.6l-2-5.3
c-0.2-0.6,0-1.3,0.6-1.7l1.3-0.8c0.2-0.1,0.6-0.2,0.8-0.2c0.2,0,0.6,0,0.8,0.1C276,104,276.7,104.2,277.2,104.4z"
            ></path>
          </g>
        </g>
        <path
          fill="#F8F8F8"
          stroke="#282828"
          stroke-width="3"
          stroke-linejoin="round"
          d="M119.5,391.5c-9,0-28.6-0.8-28.6-0.8
c-1.3,0-2.7-0.3-3.9-0.7l0,0c-16.2-5.5-28-19.6-30.7-36.4c-0.9-5.5-1.7-11.1-2.7-16.6c0.6-36,0-72.1,0.4-108.1
c0.6-44-1.3-79.4-1.3-79.4l0.6-43.6c0.2-19.6,11.5-37.2,29.1-45.8l0,0c4.3-2,9.1-3.2,13.8-3.2h23h23c4.8,0,9.5,1,13.9,3.2l0,0
c17.6,8.4,28.9,26.1,29.2,45.6l0.6,43.6c0,0-1.7,35.3-1,79.4c0.6,36,0.1,72.1,0.8,108.1c-0.8,5.5-1.7,11.1-2.7,16.6
c-2.7,16.9-14.5,31-30.7,36.5l0,0c-1.3,0.4-2.6,0.7-3.9,0.7C148.3,390.7,128.5,391.5,119.5,391.5z"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M172.7,90.8c0.6,1.8,1.3,4.7,1.7,8.2
c0.8,5.3,0.8,9.1,0.9,16.8c0.2,15.1,0.2,14.5,0.2,15.1c0,5.5,0,13.1,0,22.2"
        ></path>
        <line
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          x1="176.8"
          y1="226.3"
          x2="176.8"
          y2="240.7"
        ></line>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M184.6,230.3c-0.8,0.6-1.7,1.3-3.2,1.8
c-1.8,0.8-3.5,1.1-4.7,1.3l-10.9,6.1"
        ></path>
        <line
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          x1="165.9"
          y1="234"
          x2="165.9"
          y2="245"
        ></line>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M176.1,295l-0.2,6.4c0.1,0.2,2.4,4.7,6.6,4.7
c0.6,0,1.6-0.1,2.6-0.7"
        ></path>
        <line
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          x1="167.5"
          y1="284.8"
          x2="167.7"
          y2="289.8"
        ></line>
        <path
          fill="#CACACA"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M179.6,165.6c-2,1.3-2.9,5-1.6,7.5
c0.6,0.8,1.1,1.3,6.6,3.4c5.8,2.1,6.5,2.3,7,1.8c1.3-1.1-0.2-5-2.1-7.6C187.5,167.7,182.6,163.8,179.6,165.6z"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M150,62.9c2.9,4.4,17.9,27.7,20.3,47.5
c0.8,7.2,1,15.9,1,15.9c0.1,7.5-0.3,14-0.8,18.6"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M163.6,353.1c1.7,19.2,0.4,26-1.3,28.6
c0,0-0.1,0.2-3.4,5.1l0,0"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M162.5,193.8c-1.3,16.6-2,34.1-2.3,52.6
c-0.3,21.8,0.3,42.4,1.4,61.7"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M183.1,225.1c0.7,0,1.3-3.5,1.3-7.7
s-0.6-7.6-1.1-7.5c-0.7,0-1.3,3.5-1.3,7.7C181.9,221.8,182.4,225.2,183.1,225.1z"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M183.5,297.5c0.7,0,1.3-3.5,1.3-7.7
s-0.6-7.6-1.1-7.5c-0.6,0.1-1.3,3.5-1.3,7.7C182.2,294.1,182.8,297.5,183.5,297.5z"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M53.4,297.7"
        ></path>
        <line
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          x1="185.1"
          y1="297.5"
          x2="185.2"
          y2="338.9"
        ></line>
        <line
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          x1="182.8"
          y1="100.9"
          x2="185.1"
          y2="165.2"
        ></line>
        <g>
          <path
            fill="#FFFFFF"
            stroke="#282828"
            stroke-width="1.6954"
            stroke-linejoin="round"
            d="M153.8,62.8c3.8,5.3,7.6,10.8,11.5,16.8
c2.6,3.9,5,7.8,7.3,11.6c3.4,3.3,6.8,6.6,10.2,9.9c-0.7-4-2.4-10.6-7.1-17.9C168.1,71,157.7,64.9,153.8,62.8z"
          ></path>
          <path
            fill="#FFFFFF"
            stroke="#282828"
            stroke-width="1.6954"
            stroke-linejoin="round"
            d="M84.2,62.8c-3.8,5.3-7.6,10.9-11.4,16.8
c-2.6,3.9-5,7.8-7.3,11.6c-3.4,3.3-6.7,6.6-10.1,9.9c0.7-4,2.4-10.6,7-17.9C69.8,71.2,80.3,65,84.2,62.8z"
          ></path>
        </g>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M65.4,90.9c-0.6,1.8-1.1,4.7-1.7,8.2
c-0.8,5.3-0.8,9.1-0.9,16.8c-0.1,15.1-0.1,14.5-0.1,15.1c0,5.5,0,13.1,0,22.2"
        ></path>
        <line
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          x1="61.7"
          y1="226.5"
          x2="61.7"
          y2="240.9"
        ></line>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M53.9,230.6c0.8,0.6,1.7,1.3,3.2,1.8
c1.8,0.8,3.5,1.1,4.7,1.3l10.9,6.1"
        ></path>
        <line
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          x1="72.6"
          y1="234.2"
          x2="72.6"
          y2="245.1"
        ></line>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M62.7,295.3l0.2,6.4
c-0.1,0.2-2.4,4.7-6.6,4.7c-0.6,0-1.6-0.1-2.6-0.6"
        ></path>
        <line
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          x1="71.2"
          y1="284.8"
          x2="71"
          y2="289.9"
        ></line>
        <path
          fill="#CACACA"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M58.6,165.8c2,1.3,2.9,5,1.6,7.5
c-0.6,0.8-1.1,1.3-6.6,3.4c-5.8,2.3-6.5,2.3-7,1.8c-1.3-1.1,0.2-5,2-7.6C50.9,168,55.7,164.1,58.6,165.8z"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M67.7,145.1c-0.6-4.7-0.9-11.1-0.8-18.6
c0,0,0.1-8.8,0.9-15.9C70.2,91,85.3,67.7,88,63.2"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M80,61.2l4.3,1.7c11.4-0.6,22.9-1.7,34.3-1.7
c11.7,0,23.3,1,35,1.6c1.4-0.6,2.9-1.3,4.3-1.8"
        ></path>
        <path
          fill="#CACACA"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M176.8,226.3c0-25.1-0.4-49.6-1.1-73.5
c-2.1,8.1-4.7,19.5-6.7,33.2c-1,7.1-2.9,21.3-3,48C168.5,232.3,174.1,228.4,176.8,226.3z"
        ></path>
        <path
          fill="#CACACA"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M176.1,295c0.4-17.8,0.7-35.9,0.8-54.3
L166,245c0,1.8,0,3.8,0.1,5.8c0.2,9.9,0.6,21.2,1.4,33.8L176.1,295z"
        ></path>
        <path
          fill="#CACACA"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M172.1,320.4c0.2-0.8,0.6-1.7,0.8-2.4
c1.7-5.4,2.7-11,3-16.8l-8.1-11.4c0.7,9.5,1.6,19.6,2.7,30.4C170.6,321.2,171.9,321.3,172.1,320.4z"
        ></path>
        <path
          fill="#CACACA"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M61.7,226.5c0-25.1,0.3-49.6,0.9-73.5
c2.1,8.1,4.8,19.5,6.8,33.2c1,7.1,3,21.3,3.2,47.9C70.1,232.5,64.4,228.5,61.7,226.5z"
        ></path>
        <path
          fill="#CACACA"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M62.7,295.3c-0.6-17.8-0.8-35.9-0.9-54.3
l10.9,4.3c0,1.8,0,3.8,0,5.8c-0.1,9.9-0.6,21.2-1.3,33.8L62.7,295.3z"
        ></path>
        <path
          fill="#CACACA"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M66.7,320.6c-0.2-0.8-0.6-1.6-0.8-2.4
c-1.7-5.4-2.8-11-3.1-16.6l8-11.6c-0.6,9.5-1.4,19.6-2.6,30.4C68.3,321.3,67,321.5,66.7,320.6z"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M75.4,353.3c-1.7,19.2-0.3,26,1.3,28.6
c0,0,0.1,0.2,3.4,5l0,0"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M75.9,193.9c1.3,16.6,2.1,34.1,2.4,52.6
c0.3,21.8-0.1,42.4-1.3,61.7"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M55.4,225.4c-0.7,0-1.3-3.5-1.3-7.7
s0.4-7.6,1.1-7.5c0.7,0,1.3,3.5,1.3,7.7C56.6,222,56.2,225.4,55.4,225.4z"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M55.2,297.7c-0.7,0-1.3-3.5-1.3-7.7
s0.4-7.6,1.1-7.5c0.7,0,1.3,3.5,1.3,7.7C56.5,294.3,56,297.7,55.2,297.7z"
        ></path>
        <line
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          x1="53.7"
          y1="297.7"
          x2="53.8"
          y2="339.2"
        ></line>
        <line
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          x1="55.3"
          y1="101.1"
          x2="53.3"
          y2="165.4"
        ></line>
        <polyline
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          points="93.4,387.5 119.5,387.8
145.7,387.4 	"
        ></polyline>
        <path
          fill="#79797A"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M-39,69.9l-5.7,28.6l-0.1,239.3l9.1,13.6
c18.4-0.3,33.2-15.5,33.3-33c0.2-18.5-15.8-34.4-35.3-33.7c0-43.9,0-87.8,0-131.7c19.8,0.9,36.2-14.1,37.4-32
c1.3-19.5-15.6-37.4-37.1-36.7C-37.9,79.7-38.4,74.9-39,69.9z"
        ></path>
        <path
          fill="#F8F8F8"
          stroke="#282828"
          stroke-width="3"
          stroke-linejoin="round"
          d="M-18,389.5l1.8-1.3l8.7,0.2
c0.9,0,1.8-0.2,2.7-0.8l7.7-5.1l2.4-22.6l4.8-6.1l4.8,29.1c1.3,0.7,2.6,1.3,3.9,2c1-5.7,2.1-11.2,3.3-16.9
c-0.1-1.1-0.4-3.4-0.4-3.4c2.3-8.8,4.7-17.7,7.4-26.7c3-10.2,6-20,9.1-29.7l3.1,0.8c4-18.3,7.3-41.9,6.5-69.1
c-0.6-16.6-2.4-31.4-4.8-44.2c-0.8,0.6-1.7,1.3-2.4,1.8c-2.6-8.4-6.1-17.7-11-27.7c-3.2-6.5-6.5-12.5-9.8-17.6
c-1.6-2.4-2.6-5.4-2.9-8.4c-0.2-1.7-0.6-3.6-0.4-5.4l1-2l1.1-2.4c-0.3-12.2-1.3-28.5-7.7-47.2C6.9,75.8,2.3,66.3-2.2,58.7
c-1.8-0.6-4.3-0.9-6.7-1.1c-3-0.2-21.3,1.3-23.3,1.7c-0.6,0.1-1.1,0.1-1.7,0.2c-2.1,0.3-3.9,2-4.3,4.3c-0.3,2-0.6,4-0.8,6.1
c-0.8,7-1.8,20.2-1.8,20.2c14.4-2.1,28.1,4.4,34,15.9c0.4,0.8,6.1,12.5,0.6,24.9c-5.7,12.1-20,19.3-35.5,16.9
c-0.4,92.7-0.6,143.8-0.6,143.8l0,0l0,0c0,0,24.4-3.2,33.5,14.4c6.5,12.5,1.7,28.4-6.9,35.2c-8.4,6.7-24.3,7.7-24.5,7.7
c0,2.1,0.4,14.3,1.7,23.3c0.2,1.7,0.7,4.3,2,7.4c1.4,3,3.2,5,4.3,6c2,2,3.9,3.3,5.5,4.1c0.7,0.4,1.4,0.6,2.3,0.6h4.3
C-19.4,390.3-18.7,390.1-18,389.5z"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M14.4,153.3l5,158.5c0.1,3,1.3,5.8,3.2,8
l2.4,2.8c1,1.3,3.1,0.8,3.6-0.7c3-8.8,6.7-21.1,9.2-35.9c3.6-20,8.8-49-0.1-82.9C34.9,191.5,28.5,173.2,14.4,153.3z"
        ></path>
        <g>
          <path
            fill="#CACACA"
            stroke="#282828"
            stroke-width="1.6954"
            stroke-linejoin="round"
            d="M16.9,144c0.3,3,1.3,5.8,2.9,8.4
c3.3,5.3,6.6,11.1,9.8,17.6c4.8,10,8.4,19.3,11,27.7c0.8-0.6,1.7-1.3,2.4-1.8c-3-8.8-6.5-18.2-10.6-28
c-4.8-11.4-9.9-21.8-14.9-31.1l-1,2C16.5,140.4,16.7,142.2,16.9,144z"
          ></path>
          <path
            fill="#CACACA"
            stroke="#282828"
            stroke-width="1.6954"
            stroke-linejoin="round"
            d="M40.7,236c-0.4-11.1-2-21.7-4.8-32.3
c-4-15.1-10.4-29.6-19.2-43.1l2.1,68.4C24.8,230.9,35,234.2,40.7,236z"
          ></path>
          <path
            fill="#CACACA"
            stroke="#282828"
            stroke-width="1.6954"
            stroke-linejoin="round"
            d="M35.9,286.2c0-0.1,0-0.3,0.1-0.6
c2-10.8,4.3-24,4.7-39.2l-21.3-1.7l1.7,51.2L35.9,286.2z"
          ></path>
          <path
            fill="#CACACA"
            stroke="#282828"
            stroke-width="1.6954"
            stroke-linejoin="round"
            d="M34.6,292.9L21.2,303l0.3,8.8
c0.1,2.4,1,4.8,2.7,6.7l2.4,2.8C29.9,312,32.5,302.4,34.6,292.9z"
          ></path>
          <path
            fill="#CACACA"
            stroke="#282828"
            stroke-width="1.6954"
            stroke-linejoin="round"
            d="M29.2,337.9c-2.6,9.1-5,18-7.4,26.7
c0,0,0.2,2.3,0.4,3.4c3.8-9.8,7.5-20.2,11-31.1c3.1-9.7,5.8-18.9,8.2-27.9l-3.1-0.8C35.3,317.9,32.2,327.7,29.2,337.9z"
          ></path>
        </g>
        <ellipse
          transform="matrix(-0.9999 1.487764e-002 -1.487764e-002 -0.9999 20.4676 436.8028)"
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          cx="8.6"
          cy="218.5"
          rx="1.3"
          ry="7.5"
        ></ellipse>
        <ellipse
          transform="matrix(-0.9999 1.487764e-002 -1.487764e-002 -0.9999 23.9664 592.3776)"
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          cx="9.8"
          cy="296.3"
          rx="1.3"
          ry="7.5"
        ></ellipse>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M42.9,241.2L16.9,236
c-3.4-0.9-7-1.8-10.9-2.6c-15.8-3.1-30-3-41.6-1.7"
        ></path>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M14.4,158.7c-3.9-1.3-8.4-2.6-13.2-3.5
c-15.1-2.7-28-0.6-36.5,1.7c0,41.5-0.1,82.8-0.2,124.2c12.2,8.5,22,15.6,30.7,22.2c3.8,2.9,9.5,7.2,16.1,5.8c3.7-0.7,6.3-3,7.9-4.7
c6-4.5,11.9-9.1,17.9-13.6"
        ></path>
        <path
          fill="#CACACA"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M5.3,359.8l-2.4,22.6
c1.8,0.4,4.1,0.7,6.7,0.8c2,0,3.9-0.1,5.4-0.4l-4.8-29.1L5.3,359.8z"
        ></path>
        <g>
          <g>
            <ellipse
              transform="matrix(-1 -1.692922e-003 1.692922e-003 -1 -66.5576 639.0125)"
              fill="#CACACA"
              stroke="#282828"
              stroke-width="3"
              stroke-linejoin="round"
              cx="-33"
              cy="319.5"
              rx="23.5"
              ry="24"
            ></ellipse>
            <ellipse
              transform="matrix(-1 -1.691968e-003 1.691968e-003 -1 -66.5573 639.0128)"
              fill="#FFFFFF"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              cx="-33"
              cy="319.5"
              rx="17.8"
              ry="18.3"
            ></ellipse>
            <ellipse
              fill="none"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linecap="round"
              stroke-linejoin="round"
              cx="-32.8"
              cy="319.6"
              rx="1.8"
              ry="1.8"
            ></ellipse>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M-49.1,319.5c0,0.6,0,1.3,0.1,2
c0,0.2,0.1,0.6,0.1,0.8c0,0.3,0.2,0.6,0.6,0.8l1.3,1c0.6,0.4,1.1,0.4,1.7,0l4.4-3.5c0.7-0.6,0.7-1.6,0-2l-4.4-3.5
c-0.6-0.4-1.1-0.4-1.7,0l-1.3,1c-0.2,0.2-0.4,0.4-0.6,0.8c0,0.2-0.1,0.6-0.1,0.8C-49.1,318.3-49.1,318.9-49.1,319.5z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M-37.9,334.8c0.6,0.2,1.3,0.4,2,0.6
c0.2,0,0.6,0,0.8,0.1c0.3,0,0.6,0,0.8-0.2l1.3-0.9c0.6-0.3,0.7-1,0.6-1.7l-2-5.3c-0.3-0.8-1.3-1.1-2-0.6l-4.7,3.1
c-0.6,0.3-0.7,1-0.6,1.7l0.6,1.6c0.1,0.3,0.3,0.6,0.6,0.7c0.2,0.1,0.4,0.2,0.7,0.4C-39.2,334.5-38.5,334.7-37.9,334.8z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M-20,329.4c0.4-0.4,0.8-1,1.1-1.7
c0.1-0.2,0.2-0.6,0.3-0.7c0.1-0.3,0.1-0.6,0.1-0.8l-0.4-1.6c-0.1-0.6-0.7-1-1.3-1l-5.7,0.1c-0.8,0-1.4,0.8-1.3,1.7l1.4,5.4
c0.1,0.6,0.7,1,1.3,1h1.7c0.3,0,0.6-0.1,0.8-0.3c0.2-0.1,0.4-0.3,0.6-0.6C-20.8,330.3-20.4,329.8-20,329.4z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M-20,309.9c-0.3-0.6-0.8-1-1.3-1.6
c-0.2-0.2-0.4-0.3-0.6-0.6c-0.2-0.2-0.6-0.3-0.8-0.3h-1.7c-0.6,0-1.1,0.4-1.3,1l-1.4,5.4c-0.2,0.8,0.4,1.7,1.3,1.7l5.7,0.1
c0.6,0,1.1-0.4,1.3-1l0.4-1.6c0.1-0.3,0-0.6,0-0.8c0-0.2-0.2-0.4-0.3-0.7C-19.3,310.9-19.7,310.4-20,309.9z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M-37.9,304.2c-0.6,0.1-1.3,0.4-1.8,0.8
c-0.2,0.1-0.6,0.2-0.7,0.4c-0.2,0.1-0.6,0.4-0.6,0.7l-0.6,1.6c-0.2,0.6,0,1.3,0.6,1.7l4.7,3.1c0.7,0.6,1.7,0.1,2-0.6l2-5.3
c0.2-0.6,0-1.3-0.6-1.7l-1.3-0.9c-0.2-0.2-0.6-0.2-0.8-0.2c-0.2,0-0.6,0-0.8,0.1C-36.8,303.8-37.4,304-37.9,304.2z"
            ></path>
          </g>
          <g>
            <ellipse
              transform="matrix(-1 -1.692922e-003 1.692922e-003 -1 -65.4998 238.6668)"
              fill="#CACACA"
              stroke="#282828"
              stroke-width="3"
              stroke-linejoin="round"
              cx="-32.6"
              cy="119.4"
              rx="23.5"
              ry="24"
            ></ellipse>
            <ellipse
              transform="matrix(-1 -1.691968e-003 1.691968e-003 -1 -65.4998 238.6671)"
              fill="#FFFFFF"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              cx="-32.6"
              cy="119.4"
              rx="17.8"
              ry="18.3"
            ></ellipse>
            <ellipse
              fill="none"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linecap="round"
              stroke-linejoin="round"
              cx="-32.5"
              cy="119.4"
              rx="1.8"
              ry="1.8"
            ></ellipse>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M-48.7,119.3c0,0.6,0,1.3,0.1,2
c0,0.2,0.1,0.6,0.1,0.8c0,0.2,0.2,0.6,0.6,0.8l1.3,1c0.6,0.4,1.1,0.4,1.7,0l4.4-3.5c0.7-0.6,0.7-1.6,0-2l-4.4-3.5
c-0.6-0.4-1.1-0.4-1.7,0l-1.3,1c-0.2,0.2-0.4,0.4-0.6,0.8c0,0.2-0.1,0.6-0.1,0.8C-48.7,118.1-48.7,118.7-48.7,119.3z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M-37.5,134.7c0.6,0.2,1.3,0.4,2,0.6
c0.2,0,0.6,0,0.8,0.1c0.3,0,0.6,0,0.8-0.2l1.3-0.9c0.6-0.3,0.7-1,0.6-1.7l-2-5.3c-0.3-0.8-1.3-1.1-2-0.6l-4.7,3.1
c-0.6,0.3-0.7,1-0.6,1.7l0.6,1.6c0.1,0.3,0.3,0.6,0.6,0.7c0.2,0.1,0.4,0.2,0.7,0.4C-38.8,134.3-38.2,134.6-37.5,134.7z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M-19.7,129.1c0.4-0.4,0.8-1,1.1-1.7
c0.1-0.2,0.2-0.6,0.3-0.7c0.1-0.3,0.1-0.6,0.1-0.8l-0.4-1.6c-0.1-0.6-0.7-1-1.3-1l-5.7,0.1c-0.8,0-1.4,0.8-1.3,1.7l1.4,5.4
c0.1,0.6,0.7,1,1.3,1h1.7c0.3,0,0.6-0.1,0.8-0.3c0.2-0.1,0.4-0.3,0.6-0.6C-20.5,130.1-20,129.6-19.7,129.1z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M-19.7,109.7c-0.3-0.6-0.8-1-1.3-1.6
c-0.2-0.2-0.4-0.3-0.6-0.6c-0.2-0.2-0.6-0.3-0.8-0.3h-1.7c-0.6,0-1.1,0.4-1.3,1l-1.4,5.4c-0.2,0.8,0.4,1.7,1.3,1.7l5.7,0.1
c0.6,0,1.1-0.4,1.3-1l0.4-1.6c0.1-0.3,0-0.6,0-0.8c-0.1-0.2-0.2-0.4-0.3-0.7C-19,110.8-19.3,110.1-19.7,109.7z"
            ></path>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M-37.5,104c-0.6,0.1-1.3,0.4-1.8,0.8
c-0.2,0.1-0.6,0.2-0.7,0.4c-0.2,0.1-0.6,0.4-0.6,0.7l-0.6,1.6c-0.2,0.6,0,1.3,0.6,1.7l4.7,3.1c0.7,0.6,1.7,0.1,2-0.6l2-5.3
c0.2-0.6,0-1.3-0.6-1.7l-1.3-0.9c-0.2-0.2-0.6-0.2-0.8-0.2c-0.2,0-0.6,0-0.8,0.1C-36.3,103.6-37.1,103.8-37.5,104z"
            ></path>
          </g>
        </g>
        <path
          fill="none"
          stroke="#282828"
          stroke-width="1.6954"
          stroke-linejoin="round"
          d="M-31.4,347.6c0.1,6.1,0.4,11.4,0.7,15.8
c0.6,9.1,1.1,11.6,2.4,14.1c1,1.8,1.7,2.1,4.4,5.8c2,2.8,3.5,5.3,4.4,6.9"
        ></path>
        <path
          fill="#F8F8F8"
          stroke="#282828"
          stroke-width="3"
          stroke-linejoin="round"
          d="M76.1,194.8c0,0-0.2,0.6,2.1,1
c0,0,44.9-5.8,82.3-0.7"
        ></path>
      </g>
      <g
        id="conentGroup"
        ref="conentGroupRef"
      >
        <g
          part-data="左前翼子板"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#F8F8F8"
              stroke="#282828"
              stroke-width="2"
              stroke-linejoin="round"
              d="M-2.1,59.1c0,0-18.3-1.1-23.9,0.8c0,0-11.8-1.6-12.1,5.4l-2.4,25c0,0,18.1-2.3,30.4,10.7c13.4,14.1,7.8,49.5-31.5,47.9v7.7l6,0.8c0,0,24.8-7.7,50.1,0.7l1.6-20l2-3.4C18.1,134.7,19.2,96.7-2.1,59.1z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 -29.163 72.8115)"
              font-size="10"
            >左前</text><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 -29.163 85.1563)"
              font-size="10"
            >翼子板</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="-63.2"
              y1="66.6"
              x2="-32"
              y2="67.7"
              id="part-line-1"
            ></line>
            <circle
              cx="-32"
              cy="67.7"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="右前翼子板"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#F8F8F8"
              stroke="#282828"
              stroke-width="2"
              stroke-linejoin="round"
              d="M241.9,59.1c0,0,18.3-1.1,23.9,0.8c0,0,11.8-1.6,12.1,5.4l2.4,25c0,0-18.1-2.3-30.4,10.7c-13.4,14.1-7.9,49.5,31.4,47.9v7.7l-5.8,0.8c0,0-24.8-7.7-50.1,0.7l-1.4-20l-2-3.4C221.7,134.7,220.6,96.7,241.9,59.1z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 241.8916 72.8115)"
              font-size="10"
            >右前</text><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 241.8916 85.1563)"
              font-size="10"
            >翼子板</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="299.5"
              y1="66.2"
              x2="272.5"
              y2="68.1"
              id="part-line-2"
            ></line>
            <circle
              cx="272.5"
              cy="68.1"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="左前保险杠"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#FFFFFF"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              d="M114.5,28.9c-44.9-2.7-65.4,15.8-65.4,15.8v17.4c16.8-18,61.4-16.9,65.4-16.8V28.9z"
              class="part"
            ></path>
            <text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 42.9904 18.9438)"
              font-size="10"
            >左前保险杠</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="20.8"
              y1="37"
              x2="58.3"
              y2="44.8"
              id="part-line-3"
            ></line>
            <circle
              cx="58.3"
              cy="44.8"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="右前保险杠"
          class="car-vuisual-click-target"
        >
          <g><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 135.3307 18.9439)"
              font-size="10"
            >右前保险杠</text>
            <path
              fill="#FFFFFF"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              d="M119.1,28.9c44.9-2.7,65.4,15.8,65.4,15.8v17.4c-16.8-18-61.4-16.9-65.4-16.8V28.9z"
              class="part"
            ></path>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="198.1"
              y1="31.2"
              x2="174.8"
              y2="44.3"
              id="part-line-4"
            ></line>
            <circle
              cx="174.8"
              cy="44.3"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="发动机盖"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#F8F8F8"
              d="M88.1,63.2l30.7-2l30.7,1.7c0,0,5.7,7.9,11.2,19.8c2.9,6.1,6.1,13.4,7.8,21.2c3.2,14.6,2,35.7,1.7,38.7c0,0-11.1-10.2-34.1-10.9c-23-0.6-54,0-62.1,4.8c-8.4,5-6.5,7.7-6.7,8.4c-0.1,0.4-0.7-8.2-0.6-16.9c0-7.4,0.7-14.9,1-16.9c0.1-0.7,0.1-1.3,0.2-1.7c0-0.3,0.2-1.3,0.2-1.6c0.2-1.3,0.6-2.8,1-4.8c0.7-3.2,2-7,3.4-11.2C76.1,82.9,82.2,72.4,88.1,63.2z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 94.185 100.9083)"
              font-size="10"
            >发动机盖</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="337.3"
              y1="95.8"
              x2="137.9"
              y2="99"
              id="part-line-5"
            ></line>
            <circle
              cx="137.9"
              cy="99"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="左前门"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#F8F8F8"
              d="M14.1,157.7c0,0-20.9-7.6-49-0.9L-35,231c0,0,21-4.3,51.6,3.8L14.1,157.7z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 -28 210)"
              font-size="10"
            >左前门</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="-68"
              y1="201.3"
              x2="-26.5"
              y2="200.2"
              id="part-line-6"
            ></line>
            <circle
              cx="-26.5"
              cy="200.2"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="右前门"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#F8F8F8"
              d="M225.3,158.6c0,0,20.9-7.6,49-0.9l0.1,74.3c0,0-21-4.3-51.6,3.8L225.3,158.6z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 236.4474 203.6056)"
              font-size="10"
            >右前门</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="315"
              y1="200"
              x2="270"
              y2="200"
              id="part-line-7"
            ></line>
            <circle
              cx="270"
              cy="200"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="左反光镜"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M16.9,170.8l-2.6,3.8c-1.3-1.6-2.4-3.1-3.8-4.7c0-0.1-0.2-1.3,0.6-2c0.7-0.7,1.6-0.7,1.7-0.7L16.9,170.8"
              class="part"
            ></path>
            <path
              fill="#CACACA"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M22.3,180.5c0.1-1,0.1-2.3,0.1-3.3c0-2.8-0.1-5.8-1.8-6.9c-1.3-0.8-3.1-0.2-4.1,0.6c-2,1.7-2.7,5.3-1.8,7.7C17.2,179,19.8,179.7,22.3,180.5z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 -115.8603 177.0586)"
              font-size="10"
            >左反光镜</text>
            <line
              fill="none"
              stroke="#000000"
              stroke-miterlimit="10"
              x1="-65"
              y1="174.6"
              x2="14.3"
              y2="174.6"
            ></line>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="-68"
              y1="141.1"
              x2="17.2"
              y2="174.2"
              id="part-line-8"
            ></line>
            <circle
              cx="17.2"
              cy="174.2"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="右反光镜"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#DBDBDB"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M222.6,171.1l2.6,3.8c1.3-1.6,2.4-3.1,3.8-4.7c0-0.1,0.2-1.3-0.6-2c-0.7-0.7-1.6-0.7-1.7-0.7L222.6,171.1"
              class="part"
            ></path>
            <path
              fill="#CACACA"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M217.2,180.6c-0.1-1-0.1-2.3-0.1-3.3c0-2.8,0.1-5.8,2-6.9c1.3-0.8,3.1-0.2,4.1,0.6c2,1.7,2.7,5.3,1.7,7.7C222.3,179.3,219.7,179.9,217.2,180.6z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 316.8634 177.0586)"
              font-size="10"
            >右反光镜</text>
            <line
              fill="none"
              stroke="#000000"
              stroke-miterlimit="10"
              x1="223.1"
              y1="174.6"
              x2="313.7"
              y2="174.6"
            ></line>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="323.7"
              y1="140.5"
              x2="221.6"
              y2="173.6"
              id="part-line-9"
            ></line>
            <circle
              cx="221.6"
              cy="173.6"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="前风挡"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#CACACA"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M119.3,193.4c-8.1,0-19.6,0.2-28.5,0.8c-4.4,0.3-8.8,0.7-12.9,1.1c-0.9,0.1-1.7-0.6-1.8-1.4c-2.7-15.6-5.4-31.1-8.1-46.8c-0.6-3.2,0.7-6.4,3.4-8.2l0,0c5.8-4.1,11.8-5,18.1-5.7c7.2-0.8,19.2-1.4,29.8-1.4c10.7,0,23.4,2.2,30.6,2.9c6.3,0.6,9.9,1.6,15.8,5.7c0,0,5.5,3.5,5,6.6c-2.7,15.6-5.4,31.1-8,46.8c-0.1,0.9-0.9,1.6-1.8,1.4c-4.3-0.4-8.5-0.8-12.9-1C138.7,193.6,127.4,193.4,119.3,193.4z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 102.4151 167.3956)"
              font-size="10"
            >前风挡</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="-68"
              y1="100.6"
              x2="80.4"
              y2="150.4"
              id="part-line-10"
            ></line>
            <circle
              cx="80.4"
              cy="150.4"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="左后门"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#F8F8F8"
              d="M16.1,235.8c0,0-24.5-7.4-51.6-4.3l0.1,48.6l32.7,23.6c0,0,12.5,10.5,21.1-0.6L16.1,235.8z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 -28 265)"
              font-size="10"
            >左后门</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="-68"
              y1="250"
              x2="-25"
              y2="250"
              id="part-line-14"
            ></line>
            <circle
              cx="-25"
              cy="250"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="右后门"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#F8F8F8"
              d="M222.7,236.7c0,0,24.5-7.4,51.6-4.3l-0.1,48.6l-32.7,23.6c0,0-12.5,10.5-21.1-0.6L222.7,236.7z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 231.9796 262.0987)"
              font-size="10"
            >右后门</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="315"
              y1="250"
              x2="270"
              y2="250"
              id="part-line-15"
            ></line>
            <circle
              cx="270"
              cy="250"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="左后翼子板"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#F8F8F8"
              d="M27.3,323.9l-16.2,29.2l-5.5,7l-2.4,22.2l-9.2,6.3l-9.9-0.6l-2.6,2c0,0-6.7,2.1-13.4-4c-2-2-3.9-4.3-5-8.8c-3.7-14.6-1.7-25.4-3.4-28.1c0,0,39.6,0.9,33.7-39.5l3-4.5c0,0,11.7,9.5,22.3,0.6C18.8,306.1,17.8,320.7,27.3,323.9z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 -31.3998 365.7988)"
              font-size="10"
            >左后</text><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 -31.3998 378.1437)"
              font-size="10"
            >翼子板</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="-62.7"
              y1="376.8"
              x2="-34.8"
              y2="374.3"
              id="part-line-16"
            ></line>
            <circle
              cx="-34.8"
              cy="374.3"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="右后翼子板"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#F8F8F8"
              d="M211.9,323.9l16.1,29.3l5.5,7l2.4,22.2l9.2,6.3l9.9-0.6l2.6,2c0,0,6.7,2.1,13.4-4c2-2,3.9-4.3,5-8.8c3.7-14.6,1.7-25.4,3.4-28.1c0,0-39.6,0.9-33.7-39.5l-3-4.5c0,0-11.7,9.5-22.3,0.6C220.3,306.1,221.3,320.7,211.9,323.9z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 241.8916 363.0557)"
              font-size="10"
            >右后</text><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 241.8916 375.4004)"
              font-size="10"
            >翼子板</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="298.7"
              y1="383.9"
              x2="270.3"
              y2="383"
              id="part-line-17"
            ></line>
            <circle
              cx="270.3"
              cy="383"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="左边梁"
          class="car-vuisual-click-target"
        >
          <g><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 -99.5912 236.546)"
              font-size="10"
            >左边梁</text>
            <line
              fill="none"
              stroke="#000000"
              stroke-miterlimit="10"
              x1="-62"
              y1="234.9"
              x2="-44.3"
              y2="234.9"
            ></line>
            <rect
              x="-45.6"
              y="149.3"
              fill="#282828"
              width="5.3"
              height="140.6"
              class="part"
            ></rect>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="-68"
              y1="270"
              x2="-45.3"
              y2="270"
              id="part-line-18"
            ></line>
            <circle
              cx="-45.3"
              cy="270"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="右边梁"
          class="car-vuisual-click-target"
        >
          <g><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 313.9541 233.0313)"
              font-size="10"
            >右边梁</text>
            <line
              fill="none"
              stroke="#000000"
              stroke-miterlimit="10"
              x1="284.3"
              y1="230.9"
              x2="310.9"
              y2="230.9"
            ></line>
            <rect
              x="280.6"
              y="149.3"
              fill="#282828"
              width="5.3"
              height="140.6"
              class="part"
            ></rect>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="318"
              y1="290"
              x2="285.9"
              y2="270"
              id="part-line-19"
            ></line>
            <circle
              cx="285.9"
              cy="270"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="后箱盖"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#F8F8F8"
              stroke="#282828"
              stroke-width="2"
              stroke-linejoin="round"
              d="M75.9,357.8c0,0-3.7,22.7,4.3,27.6s9.4,3.9,9.4,3.9s52,2.3,59.4,0.1c7.3-2.2,9.1-3.8,9.1-3.8s0.7,1.4,5.8-7.5v-20.3C163.6,357.8,114.1,373.1,75.9,357.8z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 107.8491 384.3663)"
              font-size="10"
            >后箱盖</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="222.2"
              y1="403.6"
              x2="160.4"
              y2="375"
              id="part-line-20"
            ></line>
            <circle
              cx="160.4"
              cy="375"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="左后保险杠"
          class="car-vuisual-click-target"
        >
          <g><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 56.5635 431.8262)"
              font-size="10"
            >左后保险杠</text>
            <path
              fill="#FFFFFF"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              d="M118.3,401.8c-35.7,1.8-56.4-13.4-56.4-13.4l-1.3,14.1c19.6,11.1,39.9,14.4,57.6,14.1V401.8z"
              class="part"
            ></path>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="29.5"
              y1="429.7"
              x2="71.2"
              y2="400.3"
              id="part-line-21"
            ></line>
            <circle
              cx="71.2"
              cy="400.3"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="右后保险杠"
          class="car-vuisual-click-target"
        >
          <g><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 135.3311 431.8262)"
              font-size="10"
            >右后保险杠</text>
            <path
              fill="#FFFFFF"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              d="M122.4,401.8c35.7,1.8,56.4-13.4,56.4-13.4l1.3,14.1c-19.6,11.1-39.9,14.4-57.6,14.1V401.8z"
              class="part"
            ></path>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="220.6"
              y1="435.3"
              x2="172.2"
              y2="399.7"
              id="part-line-22"
            ></line>
            <circle
              cx="172.2"
              cy="399.7"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="后风挡"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#CACACA"
              stroke="#282828"
              stroke-width="1.6954"
              stroke-linejoin="round"
              d="M119.4,309.8c-8.1,0-19.5,0-28.4-0.6c-4.7-0.3-9.4-0.7-13.9-1.1c-0.6,14.7-1.3,29.4-1.7,44.1c-0.1,2.9,1,5.8,3.1,7.7c1.1,1.1,2.4,2.3,3.7,3.4c0.6,0.4,0.9,0.8,1.4,1.3c4.7,3.9,10.6,6.1,16.6,6.1h19.2h19.2c6.1,0,12.1-2.1,16.6-6.1c0.6-0.4,0.9-0.8,1.4-1.3c1.3-1.1,2.6-2.4,3.7-3.4c2-2,3.2-5,3.1-7.8c-0.6-14.7-1.3-29.4-2-44.1c-4.5,0.4-9.1,0.8-13.9,1.1C138.9,309.8,127.5,309.8,119.4,309.8z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 105.8442 341.1153)"
              font-size="10"
            >后风挡</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="-68"
              y1="338.7"
              x2="88.1"
              y2="339.5"
              id="part-line-11"
            ></line>
            <circle
              cx="88.1"
              cy="339.5"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="前车顶"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#F8F8F8"
              stroke="#282828"
              stroke-miterlimit="10"
              d="M76.1,196.6c0,0,40.2-3.2,48.9-2.2c0,0,16.4-0.7,36.4,1.4l-1.7,56.1H78.3L76.1,196.6z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1.0113 0 0 1 102.4155 224.7852)"
              font-size="10"
            >前车顶</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="336.9"
              y1="336"
              x2="135.5"
              y2="241.4"
              id="part-line-12"
            ></line>
            <circle
              cx="135.5"
              cy="241.4"
              r="2"
            ></circle>
          </g>
        </g>
        <g
          part-data="后车顶"
          class="car-vuisual-click-target"
        >
          <g>
            <path
              fill="#F8F8F8"
              stroke="#282828"
              stroke-width="2"
              stroke-linejoin="round"
              d="M77.2,307.4c0,0,39.6,3.1,48.3,2.4c8.8-0.7,36.1-1.7,36.1-1.7s-2.6-56.1-2-56.1c0.6,0-81.4,0-81.4,0L77.2,307.4z"
              class="part"
            ></path><text
              class="car-vuisual-click-target"
              transform="matrix(1 0 0 1 104.4723 284.8731)"
              font-size="10"
            >后车顶</text>
          </g>
          <g
            class="part-status-warpper"
            style="opacity: 0;"
          >
            <line
              fill="none"
              stroke="#000000"
              stroke-width="2"
              stroke-miterlimit="10"
              x1="-75.2"
              y1="289.6"
              x2="90.7"
              y2="283.3"
              id="part-line-13"
            ></line>
            <circle
              cx="90.7"
              cy="283.3"
              r="2"
            ></circle>
          </g>
        </g>
      </g>
    </svg>
    <DragItDude v-if="vueDragResizVisale">
      <div class="VueDragResizeComent">
        <div class="VueDragResizeComent-title">
          <span class="titleshow">{{checkTarge}}</span>
          <span
            class="button"
            @click="close"
          ><i class="el-icon-circle-close"></i></span>
        </div>
        <div class="VueDragResizeComent-content">
          <el-checkbox-group v-model="checkList">
            <el-checkbox
              v-for="(item,index) in checkItem"
              :key="index"
              :label="item"
            ></el-checkbox>
          </el-checkbox-group>
        </div>
      </div>
    </DragItDude>
  </div>
</template>
<script>
import DragItDude from 'vue-drag-it-dude';
import { SVG, extend as SVGextend, Element as SVGElement } from '@svgdotjs/svg.js'
export default {
  props: {
    dataList: {
      type: Object,
      default: () => { return [] }
    },
    disabled: {
      type: Boolean,
      default: () => { return false }
    }
  },
  components: {
    DragItDude,
  },
  data () {
    return {
      svgimage: '',
      checkList: [],//保存检测项目
      vueDragResizVisale: false,
      checkItem: ["划痕", "凹陷", "撕(碎)裂", "褶皱", "掉漆"],
      checkTarge: '',//检测位置
      netCheckTarge: '',//上一次的检测对象
      saveChckList: {},
    }
  },
  watch: {
    dataList: {
      deep: true,
      handler (newV, oldV) {
        if (Object.keys(newV).length > 0) {
          this.renderSelect();
          this.$set(this, "saveChckList", newV);
        }
      }
    },
    checkList: {
      deep: true,
      handler (newV, oldV) {
        this.$set(this.saveChckList, this.checkTarge, newV)
        // this.saveChckList[this.checkTarge] = newV;
      }
    },
    saveChckList: {
      deep: true,
      handler (newV, oldV) {
        this.$parent.setData(newV);
      }
    }
  },
  methods: {
    renderSelect () {
      let newV = this.dataList
      Object.keys(newV).map(item => {
        //TODO 只有含有检查项时才选中，否则补选中
        if (newV[item].length > 0)
          this.settingSelect(item);
      })
    },
    settingSelect (tageName) {
      let dom = this.$refs.conentGroupRef;
      let childDom = dom.children;
      for (let index = 0; index < childDom.length; index++) {
        const element = childDom[index];
        if (tageName == element.getAttribute('part-data')) {
          let targeDom = element.children[0].children;
          console.log(targeDom)
          for (let i = 0; i < targeDom.length; i++) {
            if (targeDom[i].nodeName == 'path' || targeDom[i].nodeName == 'rect') {
              targeDom[i].setAttribute('fill', '#007aff')
            }
          }
        }
      }
    },
    close () {
      this.vueDragResizVisale = false;
      this.netCheckTarge.fill('#F8F8F8')
    },
    init () {
      var dom1 = SVG('#exterior-parts');
      let dom2 = dom1.find('#conentGroup').children();
      dom2.each(item => {
        item.each(item2 => {
          let targe = item2.children().children()[0];
          targe.each(targeSource => {
            if (targeSource.attr('class') != 'car-vuisual-click-target') {

              //鼠标点击
              targeSource.click(dom => {
                if (this.disabled) {
                  return;
                }
                this.checkList = [];
                if (this.netCheckTarge) {
                  this.netCheckTarge.fill('#F8F8F8')
                }
                this.netCheckTarge = SVG(dom.target);
                this.vueDragResizVisale = true;
                SVG(dom.target).fill('#007aff')
                let targeDom = SVG(dom.target).parents()[1];
                let item = targeDom.attr()['part-data'];
                this.checkTarge = item;
                if (this.saveChckList[this.checkTarge]) {
                  this.checkList = this.saveChckList[this.checkTarge];
                }
                //点击完执行一致选中
                this.renderSelect();
              })
            }
          })
        })
      })
    }
  },
  mounted () {
    this.init();
  }
}
</script>
<style lang="scss" scoped>
.part:hover {
  fill: #007aff;
  stroke: #007aff;
  cursor: pointer;
}
.car-vuisual-click-target:hover {
  fill: #ffe65a;
}
/deep/ .vdr.active:before {
  outline: 0 dashed #d6d6d6;
}
.VueDragResizeComent {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  background: #fff;
  border-radius: 10px;
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);
  height: 300px;
  width: 200px;

  .VueDragResizeComent-title {
    background-color: #007aff;
    padding: 5px 5px;
    color: #fff;
    font-size: 18px;
    height: 40px;
    font-weight: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0 0;
    .titleshow {
      flex: 1;
    }
    .button {
      text-align: right;
      font-size: 18px;
      margin-right: 10px;
    }
  }
  .VueDragResizeComent-content {
    padding: 5px 5px;
    font-size: 16px;
    /deep/ .el-checkbox-group {
      display: flex;
      flex-direction: column;
      .el-checkbox {
        margin-top: 5px;
        width: 100%;
      }
      .el-checkbox:hover {
        background: #e6f7ff;
      }
    }
  }
}
</style>